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Description 



DETACHABLE AND REATTACH ABLE 
PORTAL PAGES 

Cross Reference to Related Applications 

[0001] This application is related to co-pending patent applica- 
tion Serial No. 10/708,971, filed April 5, 2004, entitled 
"Portal Including Detachable and Reattachable Portlets," 
which is incorporated herein in its entirety by reference 
and is assigned to the same assignee as this application. 
Background of Invention 

[0002] The present invention relates to portal pages and web 

portals for accessing multiple portal pages and more par- 
ticularly to detachable and reattachable portal pages. 

[0003] A portal is a point of access to data and applications that 
provides a unified and personalized view of information 
and resources. Typically, a portal is implemented as one 
or more portal pages on a website. Portal pages can inte- 
grate many elements, such as live data feeds, static infor- 
mation, multimedia presentations and similar content. 



Currently, within a portal environment, the purpose of a 
portal page in to organize and contain a given set of 
portlets. Portlets are reusable components that may pro- 
vide access to applications, web-based content, and other 
resources, such as the live data feeds, static information 
and multimedia presentations, as mentioned above. Be- 
cause of the integrated nature of portal pages, a user 
does not have the ability to view and interact with multiple 
pages at the same time. Figure 1 is an example of a portal 
environment 100 in which a portal page 102 identified by 
a tab 104 labeled "My Finances" is currently being dis- 
played or presented to a user. Other portal pages that 
may be accessed or activated through the portal environ- 
ment 100 are identified by their corresponding tabs, such 
as "Documents" tab 106, "Welcome" tab 108, "My Work" 
tab 110, "My Newsroom" tab 112 and "My Star Trek" tab 
114. The portal pages can typically only be switched from 
one another via the use of the integrated tabs 104-114 
that may be located at the top of each corresponding por- 
tal page 100, such as that illustrated in Figure 1. Only one 
portal page may be viewed on a user's desktop or active at 
any given time. 

[0004] Additionally, other problems may occur as a result of the 



tight coupling of portal pages within a portal environ- 
ment. One problem is that users do not have the ability to 
refresh multiple pages because only one page can be 
viewed or active at any given time. Another problem is re- 
lated to dynamic updates for a portal page. Updates, such 
as alerts or the like, cannot be surfaced or brought to a 
user's attention because only one portal page may be 
viewed or active on a user's desktop at any given moment. 
Further, portlets on separate portal pages cannot commu- 
nicate with one another. 
Summary of Invention 

[0005] In accordance with an embodiment of the present inven- 
tion, a portal environment may include at least one de- 
tachable portal page. The portal environment may also in- 
clude a detach feature or element associated with the at 
least one detachable portal page. 

[0006] In accordance with another embodiment of the present in- 
vention, a method to detach and reattach at least one 
portal page associated with a portal environment may in- 
clude detaching a selected portal page in response to ac- 
tivating a detach feature or element. The method may also 
include reattaching the detached portal page in response 
to activating a reattach feature or element. 



[0007] In accordance with another embodiment of the present in- 
vention, a method to detach and reattach at least one 
portal page associated with a portal environment may in- 
clude detaching a selected portal page in response to ac- 
tivating a detach feature or element. The method may also 
include transferring the selected, detached portal page to 
a separate window or page in response to detaching the 
selected portal page. 

[0008] In accordance with another embodiment of the present in- 
vention, a method to form a portal environment may in- 
clude providing at least one portal pages with a detach 
feature. The method may also include providing commu- 
nication between the portal environment and the at least 
one portal page in response to the at least one portal 
page being detached. 

[0009] In accordance with another embodiment of the present in- 
vention, a system to detach and reattach a portal page to 
a portal environment may include a portal server. The sys- 
tem may also include at least one portal page accessible 
via the portal server. The at least one portal page may in- 
clude a detach feature to detach the at least one portal 
page from an associated portal environment. 

[0010] In accordance with another embodiment of the present in- 



vention, a computer- read able medium have computer- 
executable instruction for performing a method that may 
include detaching a selected portal page from a portal en- 
vironment in response to activation of a detach feature. 
The method may also include reattaching the detached 
portal page in response to activation of a reattach feature. 
Brief Description of Drawings 

[0011] Figure 1 is an example a portal environment including 
tabs for access to corresponding portal pages. 

[0012] Figures 2 is a flow chart of an exemplary method to form 
a portal environment and to detach at least one portal 
page associated with the portal environment in accor- 
dance with an embodiment of the present invention. 

[0013] Figure 3 is a flow chart of an exemplary method to reat- 
tach a portal page associated with a portal environment in 
accordance with an embodiment of the present invention. 

[0014] Figure 4 is a flow chart of an exemplary method to form a 
portal page and to detach at least one portlet associated 
with the portal page in accordance with an embodiment of 
the present invention. 

[0015] Figures 5A, 5B, 5C and 5D (collectively Figure 5) illustrate 
an example of portlets forming at least one portal page 
which forms a portal environment and illustrate an exam- 



pie of sequentially detaching and reattaching a portal 
page to an associated portal environment and detaching 
and reattaching a portlet to an associated portal page in 
accordance with an embodiment of the present invention. 
[0016] Figure 6 is an example of a system to present a portal en- 
vironment to a user and to provide the ability for the user 
to detach and reattach selected portal pages to an associ- 
ated portal environment and to detach and reattach se- 
lected portlets to an associated portal page in accordance 
with an embodiment of the present invention. 
Detailed Description 

[0017] The following detailed description of preferred embodi- 
ments refers to the accompanying drawings, which illus- 
trate specific embodiments of the invention. Other em- 
bodiments having different structures and operations do 
not depart from the scope of the present invention. 

[0018] Figures 2 is a flow chart of an exemplary method 200 to 
form a portal environment or collection of portal pages 
and to detach at least one portal page associated with the 
portal environment in accordance with an embodiment of 
the present invention. In block 202, one or more portal 
pages may be formed including a detach feature or ele- 
ment. The portal pages may be formed, written or created 



using a web-based programming language, sucli as 
Java^"^, liypertext marl<up language (HTIVIL) or tlie lil<e. Tlie 
detacli feature may include an icon or other graphical 
symbol representative of a feature or function to pop-out, 
undock or detach an associated portal page from a portal 
environment or web page in which the portal page may be 
accessed and presented. Detaching or undocking one or 
more portal pages from the portal environment permits 
the user to view and interact with multiple portal pages 
simultaneously or to interact with portlets contained on 
different portal pages at the same time. Portal pages may 
be active and communicate with the portal environment or 
website and interact with other portal pages when de- 
tached or undocked. Additionally, portlets on separate 
portal pages may interact with one another even though 
one or more of the portal pages may be detached or un- 
docked. 

[0019] As discussed in more detail below, the portal page when 
detached, undocked or popped-out may be represented 
in the portal environment or website by a placeholder, a 
re-attach icon or symbol within the portal environment or 
website. The contents of the detached or undocked portal 
page are replaced by the placeholder or re-attach icon. 



The placeholder or re-attach icon may be much smaller 
than the detached portal page to take less space in the 
portal environment or website to unclutter the website 
and make it easier to navigate on a user's desktop. When 
detached and replaced by the placeholders, multiple por- 
tal pages may be active and viewed via their correspond- 
ing placeholders on a user's desktop at any given time. 
Because multiple portal pages can be active and displayed 
via their respective placeholders simultaneously, users 
have an ability to refresh the portal pages and dynamically 
update the portal pages. The placeholder or re-attach 
icon may also serve the purpose to control re-attaching or 
re-docking a detached portal page as discussed in more 
detail herein with reference to Figure 3. 
[0020] In block 204, a portal environment may be formed incor- 
porating one or more portal pages that may each include 
a detach feature or element. The portal environment may 
also include other portal pages that do not have the de- 
tach feature. Referring also to Figure 5A, Figure 5A illus- 
trates an example of a portal environment 500 including a 
plurality of portal pages, such as portal page A 502 and 
portal page B 504. Each portal page 502 and 504 may in- 
clude a plurality of portlets. For example, portal page A 



502 may include portlet A 506 and portlet B 508. Portal 
page B 504 may include portlet C 510 and portlet D 512. 
Each portal page 502 and 504 may include a detach func- 
tion 514 or element. Additionally, as discussed in more 
detail with respect to Figures 4 and Figures 5B and 5C, 
each portlet 506-512 may also include a detach or un- 
dock feature 516 or element. 
[0021] In block 206 (Figure 2), the detach feature, icon or symbol 
of a portal page (element 514 in Figures 5A-5D) may be 
activated by a user clicking on the icon or symbol using a 
computer mouse or other pointing device. In block 208, 
an independently managed window or page may be 
formed in response to the detach feature or icon 514 be- 
ing activated. Forming independently managed windows 
or pages is known by those skilled in the art. An indepen- 
dently managed window may be formed or created for 
each detached portal page. In block 210, the detached 
portal page may be transferred to the independently man- 
aged window or page. In block 212, a placeholder or reat- 
tach icon may be formed in the portal environment to 
represent and hold the place for the detached portal page. 
The placeholder or reattach icon may be substantially 
smaller than the original portal page because of less con- 



tent to occupy much less space or real estate in the portal 
environment. Replacing the detached portal page with a 
smaller placeholder also unclutters the portal environment 
and permits more than one portal page to be presented to 
a user or in a user's desktop at the same time. The portal 
pages and portlets contained within each of the portal 
pages may also communicate and interact with one an- 
other. The user may also interface and interact with the 
portal pages and portlets at the same time. The place- 
holder or reattach icon may also include a reattach feature 
or element that may be operated or activated by a user to 
reattach or transfer the contents of the portal page back 
into the portal environment or website. The reattach fea- 
ture or element may include an icon or symbol represen- 
tative of the function of transferring the contents of the 
portal page back into the portal environment. Thus, the 
contents of the popped-out or detached portal page may 
be replaced with a placeholder including a reattach func- 
tion or icon within the portal environment. 
[0022] In block 214, a communication tunnel or tunneling com- 
munication may be established or formed between the 
portal environment or placeholder and the detached portal 
page. Accordingly, communication with the detached por- 



tal page through the portal environment may continue. 
This permits a user to interact with the detached portal 
pages and portlets contained therein and permits the de- 
tached portal pages and portlets to interact with one an- 
other. 

[0023] Referring also to Figure 5C, Figure 5C illustrates portal 
page A 502 being detached or popped-out of the portal 
environment 500. Portal page A 502 and its contents may 
be transferred to an independently managed window or 
page 518 or the like and a placeholder 520 may replace 
portal page A 502 in the portal environment 500. The 
placeholder 520 may include a reattach feature or icon 
522. The detached portal page A 502 in the window 518 
may also include a reattach element, feature or icon 524. 
Tunneling communication 526 may be created or estab- 
lished between the detached portal page A 502 and the 
placeholder 520 or portal environment 500 for communi- 
cation between the detached portal page A 502 and other 
portal pages that may be either detached or otherwise. 
The tunneling communication 526 also permits communi- 
cation between portlets contained in the detached portal 
page 502 and portlets in other portal pages that may be 
detached or still contained within the portal environment 



500. 

[0024] Referring back to Figure 2, in blocl< 216, a determination 
may be made if a detach feature or icon has been acti- 
vated on any other portal pages. If so, the method 200 
may return to block 208 and the method 200 may con- 
tinue as previously described with respect to blocks 
208-216. If the detach feature, element or icon has not 
been activated for any other selected portal page, the 
method 200 may end at termination 218. 

[0025] Figure 3 is a flow chart of an exemplary method 300 to 
reattach a portal page associated with a portal environ- 
ment in accordance with an embodiment of the present 
invention. In block 302, a reattach feature or element may 
be activated by clicking on a reattach icon or symbol on 
the placeholder or on the detached portal page in the in- 
dependently managed page. Referring also to Figure 5D, 
Figure 5D illustrates an example of activating the reattach 
feature or element by clicking on a reattach icon or sym- 
bol 522 associated with the placeholder 520 or by clicking 
on a reattach icon or symbol 524 associated with the de- 
tached portal page A 502. 

[0026] In block 304, the detached portal page may be transferred 
from the independently managed window 518 or page 



back to the portal environment 500 in response to acti- 
vating or clicl<ing on either the reattach icon 522 associ- 
ated with the placeholder 520 or the reattach icon 524 or 
feature associated with the detached portal page A 502. In 
block 306, a determination may be made if a reattach fea- 
ture or icon has been activated on another selected, de- 
tached portal page or associated placeholder. If a reattach 
feature has been activated on another detached portal 
page or associated placeholder, the method 300 may re- 
turn to block 302 and the method 300 may proceed as 
previously described with respect to blocks 302-306. If a 
reattach feature has not been activated on any other de- 
tached portal page or placeholder, the method 300 may 
end at termination 308 until a reattach feature is acti- 
vated. 

[0027] Figure 4 is a flow chart of an exemplary method 400 to 
form a portal page and to detach at least one portlet as- 
sociated with the portal page in accordance with an em- 
bodiment of the present invention. The method 400 may 
be similar to that described in co-pending patent applica- 
tion Serial No. 10/708,971, filed April 5, 2004, entitled 
"Portal Including Detachable and Reattachable Portlets," 
which is incorporated herein in its entirety by reference as 



discussed above. In block 402, one or more portlets may 
be formed including a detach feature or element. The 
portlets may be formed, written or created using a web- 
based programming language, such as Java^"^, hypertext 
markup language (HTML) or the like. The detach feature 
may include an icon or other graphical symbol represen- 
tative of a feature or function to pop-out, undock or de- 
tach an associated portlet from a portal page in which the 
portlet may be accessed or presented. Detaching a portlet 
may effectively remove the portlet from the portal page. 
As discussed in more detail below, the portlet when de- 
tached or popped-out may be represented in the portal 
page by a small placeholder or symbol representative of 
the portlet. Detaching one or more portlets makes the 
portal less crowded or cluttered and provides more space 
in the portal page for other portlets that may be more 
useful to a particular user. Detaching one or more portlets 
may also make the portal page easier to navigate. 
[0028] In block 404, a portal page may be formed incorporating 
one or more portlets that include a detach feature or ele- 
ment. The portal page may also include other portlets that 
do not have the detach feature. Referring also to Figure 
5A, Figure 5A illustrates an example of a portal page 502 



including a plurality of portlets, portlet A 506 and portlet 
B 508. Each portlet 506 and 508 may include a detach 
function 516 or element. In block 406 (Figure 4), the de- 
tach feature or element (element 516 in Figure 5B) may be 
activated by a user clicking on the icon or symbol 516 us- 
ing a computer mouse or other pointing device. 
[0029] In block 408, an independently managed window or page 
may be formed or created in response to the detach fea- 
ture 516 being activated. Forming independently man- 
aged windows or pages is known by those skilled in the 
art. An independently managed window may be formed or 
created for each detached portlet. Alternatively, one or 
more portlet windows or pages may be formed to retain 
all detached portlets depending upon the quantity and 
size of the contents of the detached portlets and the 
number of windows needed to retain or house the de- 
tached portlets. In block 410, the detached portlet may be 
transferred to the independently managed window or 
page. In block 412, a placeholder may be formed in the 
portal page to represent and hold the place for the de- 
tached portlet. The placeholder may be substantially 
smaller than the original portlet because of less content to 
occupy much less space or real estate in the portal page 



and to unclutter the portal page. The placeholder may 
also include a reattach feature or element that may be op- 
erated or activated to reattach or transfer the contents of 
the portlet back into the portal page. The reattach feature 
or element may include an icon or symbol representative 
of the function of transferring the contents of the portlet 
back into the portal page. Thus, the contents of the 
popped-out or detached portlet may be replaced with a 
placeholder including a reattach function or icon within 
the portal page. In block 414, a communication tunnel or 
tunneling communication may be established or formed 
between the portal page or placeholder and the detached 
portlet. Accordingly, communication with the detached 
portlet through the portal page may continue. 
[0030] Referring also to Figures 5B and 5C, Figures 5B and 5C il- 
lustrates portlet A 506 being detached or popped-out of 
the portal page 502. Portlet A 506 and its contents may 
be transferred to an independently managed window or 
page 526 or the like and a placeholder 528 may replace 
portlet A 506 in the portal page 502. The placeholder 528 
may include a reattach element or feature 530. The de- 
tached portlet A 506 in the window 526 may also include 
a reattach element or feature 532. Tunneling communica- 



tion 534 may be created or established between the de- 
tached portlet A 506 and the placeholder 530 or portal 
page 502. 

[0031] Referring back to Figure 4, in block 416, a determination 
may be made if a detach feature has been activated on 
any other portlets. If so, the method 400 may return to 
block 408 and the method 400 may continue as previ- 
ously described with respect to blocks 408-416. If the de- 
tach feature or element has not been activated for any 
other selected portlets, the method 400 may end at ter- 
mination 418. 

[0032] The detached or undocked portlet 506 may be reattached 
similar to that described in co-pending patent application 
serial number 10/708,971 or analogous to that described 
in Figure 3 with respect to reattaching a detached portal 
page to the portal environment or website. The reattach 
feature or icon 530 (Figure 5C) in the placeholder 528 
may be activated by clicking with a computer mouse or 
pointing device or by other means to reattach detached 
portlet A 506 to the portal page 502. Alternatively, the 
reattach icon 532 in the detached portlet A 506 may be 
activated by clicking with a computer pointing device or 
the like to cause the detached portlet A 506 to be reat- 



tached to the portal page 502. 
[0033] Figure 6 is an example of a system 600 to present a portal 
environment to one or more users or clients 602 and to 
provide the ability for the user 602 to detach and reattach 
selected portal pages to an associated portal environment 
or to detach and reattach selected portlets to an associ- 
ated portal page in accordance with an embodiment of the 
present invention. The user or client 602 may be a desk- 
top or mobile computing system, cellular telephone, per- 
sonal digital assistance or the like. The system 600 may 
also be accessed by a remote portlet request 603 from 
another server or system. Elements of the methods 200, 
300 and 400 of Figures 1, 3 and 4 may be embodied in 
the system 600. The system 600 may include a portal 
server 604. The portal server 604 may provide common 
services, such as application connectivity, integration, ad- 
ministration, and presentation capabilities that may be 
needed across all portal environments. The portal server 
604 may include an authentication element 606 to estab- 
lish a user's identity. The portal server 604 may use form- 
based authentication. In form-based authentication, a 
user may be prompted through an HTML form or the like 
to enter a user ID and password for authentication when 



trying to access a particular portal, portal environment or 
website. After receiving the user's identification and pass- 
word information, the portal server 604 may validate the 
authentication information via an authorization element 
608. The portal server 604 may validate the authentica- 
tion information against information contained in a 
Lightweight Directory Access Protocol (LDAP) directory 
610. The authorization element 608 or process may also 
determine which pages or portlets a user has permission 
to access. The authorization element 608 may access the 
LDAP directory 610, portal database 612, and user profile 
database 614 in determining proper authentication, which 
portals are accessible by the user and other privileges or 
settings. The authorization element 608 may also inter- 
face with an extensible markup language (XML) access el- 
ement 616. 

[0034] The portal server 604 may also include a page aggrega- 
tion element 618. Components of the page aggregation 
element 618 may be embodied in hardware or software. 
The page aggregation element 618 may include a themes 
and skins module 620. Users may be able to customize or 
personalize pages including for example, a choice of color 
themes, skins and page layouts. Themes may be used to 



define fonts, colors, spacing and other visual elements. 
Themes may consist of cascading style sheets, Java Script 
Page QSP) files, images or the like. Skins may be decora- 
tions and controls placed around portlets, such as title 
bars, borders, shadows, or similar treatments. The page 
aggregation element 618 may also include aJSP tab li- 
brary 622, transcoding module 624 and translation mod- 
ule 626 to further facilitate portal customization and pre- 
sentation of the portal and portlets to the user 602. 
[0035] The portal server 604 may also include a portlet container 
and services element 628. Components of the portlet 
container and services element 628 may be embodied in 
hardware or software. The portlet container and service 
element 628 may include a portlet Application Program- 
ming Interface (API) 630. Portlets rely on portal infrastruc- 
ture to access user profile information, participate in win- 
dow and action events, communicate with other portlets, 
access remote content, lookup credentials, store persis- 
tent data and perform other functions. The portlet API 630 
provides standard interfaces for these functions or ser- 
vices. 

[0036] The portlet container and services module 628 may also 
include a portlet detach /reattach feature 632 and portlets 



634 or information to form portlets. The portlet detacli/ 
reattacli feature 632 may include or embody tlie metliod 
400 of Figure 4 or tlie portlet detach and reattach features 
described in co-pending patent application serial number 
10/708,971 which is incorporated herein by reference. 
The portlets 634 may include portlets having detach and 
reattach features and portlets without such features. The 
portlet container and services module 628 may also in- 
clude other services or functions 636. Examples of other 
services or functions 636 may include, but is not limited 
to, content access, web page clipping, searching, docu- 
ment administration, portlet proxy, single signon and the 
like. 

[0037] The server 604 may also include a portal page detach and 
reattach feature 637. The portal page detach and reattach 
feature may include or embody methods 200 and 300 of 
Figures 2 and 3 respectively. The graphical user interfaces 
to form portal pages 502 and 504 and the portal environ- 
ment 500 (Figures 5A-5D) may also be embodied in portal 
page detach and reattach feature 637. 

[0038] Each user 602 or client may include a processor 638 and 
input/output devices 640. A browser or web browser 642 
may operate on the processor 638 to facilitate accessing 



the portal server 604. The input/output devices 640 may 
include separate input devices, output devices or combi- 
nation input/output devices. The input/output devices 
640 may include a keyboard, pointing device, voice 
recognition system or the like. The input/output devices 
640 may also include optical, magnetic, infrared or radio 
frequency devices, disk drives or the like. The input de- 
vices 640 may receive read or download software, com- 
puter-executable or readable instructions or the like, such 
as software that may embody elements of the methods 
200, 300 and 400 of Figures 2, 3 and 4. 

[0039] Each user 602 may access the portal server 604 via a 

communication network or medium 644. The communica- 
tion network or medium 644 may be any communication 
system including by way of example, dedicated communi- 
cation lines, telephone networks, and wireless data trans- 
mission systems, two-way cable systems, and customized 
computer networks, interactive kiosk networks, the Inter- 
net and the like. 

[0040] Elements of the present invention, such as methods 200 
and 300 and 400 of Figures 2, 3 and 4 respectively, and 
system 600 of Figure 6, may be embodied in hardware 
and/or software as a computer program code that may in- 



elude firmware, resident software, microcode or tlie lil<e. 
Additionally, elements of the invention may take the form 
of a computer program product on a computer-usable or 
computer-readable storage medium having computer-us- 
able or computer-readable program code embodied in a 
medium for use by or in connection with a system, such 
as system 600 of Figure 6. Examples of such a medium 
may be illustrated in Figure 6 as I/O devices 640 or 
medium 644 or 646. A computer-usable or readable 
medium may be any medium that may contain, store, 
communicate or transport the program for use by or in 
connection with a system. The medium, for example, may 
be an electronic, magnetic, optical, electromagnetic, in- 
frared or semiconductor system or the like. The medium 
may also be simply a stream of information being re- 
trieved when the computer program product is "down- 
loaded" through a network, such as the Internet or the 
like. The computer-usable or readable medium could also 
be paper or another suitable medium upon which the pro- 
gram may be printed. 
[0041] Although specific embodiments have been illustrated and 
described herein, those of ordinary skill in the art appre- 
ciate that any arrangement which is calculated to achieve 



the same purpose may be substituted for the specific em- 
bodiments shown and that the invention has other appli- 
cations in other environments. This application is in- 
tended to cover any adaptations or variations of the 
present invention. The following claims are in no way in- 
tended to limit the scope of the invention to the specific 
embodiments described herein. 



